<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
    <style>
        body {
            margin: 0;
        }
        h1 {
            height: 100px;
            background-color: #ccc;
            line-height: 100px;
            margin: 0;
            padding: 0;
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- <h1> 高价回收手机! </h1> -->

    <script>
        // 调用函数
        var txt = "高价回收手机! ";
        // 编写函数
        function loop() {
            // 第一个字符 "高"
            var start = txt.slice(0,1);
            // 除了第一个字符 "价回收手机!"
            var end = txt.slice(1);
            // 给变量txt重新赋值
            txt = end + start
            // 字符串拼接
            var str = " <h1>"+txt+" </h1>";
            // 渲染字符串 dom.innerHTML = str;
            document.write(str);
            // console.log(str);
        }
        
        // 调用loop函数
        loop();
        // loop();
        // loop();
        // loop();
        // loop();
        // loop();
        // loop();


        var text = "高价回收骆柯!";
        function foo () {
            var start = text.slice(0 , 1);
            var end = text.slice(1);
            text = end + start ;
            var str = "";
            str +="<h1>"+text+"</h1>";
            document.write(str);
        }
        
        foo();
    </script>
</body>
</html>